<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>产品信息</title>
    <!--@*1、Jquery组件引用*@-->
    <script src="./../bootStrap/jquery.min.js"></script>

    <!--@*2、bootstrap组件引用*@-->
    <script src="../bootStrap/js/bootstrap.js"></script>
    <link href="../bootStrap/css/bootstrap.css" rel="stylesheet" />

    <!--@*3、bootstrap table组件以及中文包的引用*@-->
    <script src="../bootStrap/table/bootstrap-table.js"></script>
    <link href="../bootStrap/table/bootstrap-table.css" rel="stylesheet" />
    <script src="../bootStrap/table/bootstrap-table-zh-CN.js"></script>

    <!--提示toastr的包-->
    <link href="../bootStrap/toastr/toastr.css" rel="stylesheet" />
    <script src="../bootStrap/toastr/toastr.min.js"></script>

    <!--时间插件-->
    <link href="../bootStrap/datetimepicker/bootstrap-datetimepicker.css" rel="stylesheet" />
    <link href="../bootStrap/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet" />
    <script src="../bootStrap/datetimepicker/bootstrap-datetimepicker.js"></script>
    <script src="../bootStrap/datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>

    <!--文件上传-->
    <link href="../js/fileinput/fileinput.min.css" rel="stylesheet" />
    <script src="../js/fileinput/fileinput.min.js"></script>
    <script src="../js/fileinput/zh.js"></script>

    <!--@*4、页面Js文件的引用*@-->
    <script src="../js/common/bootstrapConfirm.js"></script>
    <script src="../js/common.js"></script>
    <script src="../js/productInfo.js"></script>
</head>
<body>
<div class="panel-body" style="padding-bottom: 0px;">
    <div class="panel panel-default" style="margin-bottom: 0px;">
        <!--<div class="panel-heading">查询条件</div>-->
        <div class="panel-body" style="padding: 10px 15px 10px 15px;">
            <form id="formSearch" class="form-horizontal">
                <div class="form-group" style="margin-top:15px">
                    <label class="control-label col-sm-1" for="txt_search_name">产品名称</label>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" id="txt_search_name">
                    </div>
                    <label class="control-label col-sm-1" for="txt_search_code">产品编码</label>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" id="txt_search_code">
                    </div>

                </div>

                <div class="form-group" style="margin-top:15px">

                    <label class="control-label col-sm-1" for="txt_search_supplier">供应商</label>
                    <div class="btn-group col-sm-2">
                        <select class="selectpicker form-control" id="txt_search_supplier">
                        </select>
                    </div>
                    <div class="col-sm-5" style="text-align:left;">
                        <button type="button" style="margin-left:20px" id="btn_query" class="btn btn-primary">查询</button>
                        <button type="button" style="margin-left:10px" id="btn_rest" class="btn btn-primary">重置</button>

                        <button type="button" style="margin-left:40px" id="btn_add" class="btn btn-primary">新增</button>
                        <button type="button" style="margin-left:10px" id="btn_update" class="btn btn-primary">修改</button>
                        <button type="button" style="margin-left:10px" id="btn_delete" class="btn btn-primary">删除</button>

                        <!--<button type="button" style="margin-left:40px" id="btn_import" class="btn btn-primary">导入</button>-->
                    </div>

                </div>

            </form>
        </div>
    </div>


    <table id="tb_departments"></table>


    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                    <h4 class="modal-title" id="myModalLabel">新增</h4>
                </div>
                <div class="modal-body">

                    <input type="hidden" id="txt_id" value="">
                    <input type="hidden" id="txt_type" value="">
                    <div class="form-group">
                        <label for="txt_supplier">供应商</label>
                        <select class="selectpicker form-control" id="txt_supplier">
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="txt_name">产品名称</label>
                        <input type="text" name="txt_name" class="form-control" id="txt_name" placeholder="产品名称">
                    </div>
                    <div class="form-group">
                        <label for="txt_code">产品编码</label>
                        <input type="text" name="txt_code" class="form-control" id="txt_code" placeholder="产品编码">
                    </div>
                    <div class="form-group">
                        <label for="txt_specs">产品规格</label>
                        <input type="text" name="txt_specs" class="form-control" id="txt_specs" placeholder="产品规格">
                    </div>
                    <div class="form-group">
                        <label for="txt_unit">单位</label>
                        <input type="text" name="txt_unit" class="form-control" id="txt_unit" placeholder="单位">
                    </div>
                    <div class="form-group">
                        <label for="txt_price">利润</label>
                        <input type="text" name="txt_price" class="form-control" id="txt_price" placeholder="利润">
                    </div>
                    <div class="form-group">
                        <label for="txt_note">备注</label>
                        <input type="text" name="txt_note" class="form-control" id="txt_note" placeholder="备注">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>取消</button>
                    <button type="button" id="btn_submit" class="btn btn-primary" data-dismiss="modal" style="background-color: #337ab7;"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存</button>
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">文件上传</h4>
                </div>
                <div class="modal-body">
                    <input id="f_upload" type="file"  name="file"/>
                </div>
            </div>
        </div>
    </div>



</div>
</body>
</html>